@import 'styles/helpers';

.wrapper {
  display: grid;
  grid-template-columns: 1fr min-content;
  align-items: center;
  height: 100%;
  padding: 8px 20px;
  background-color: $color-surface-card;
  border-bottom: 1px solid black;
  border-color: $color-surface-border;
}

.logo {
  display: flex;
  justify-content: flex-start;
  justify-items: flex-start;
  width: fit-content;

  svg {
    fill: $color-primary;
    height: 40px;
    width: 120px;
  }
}

.title {
  @include title3;
  color: $color-txt-secondary;
  text-transform: uppercase;
}

.add {
  display: flex;
  align-items: center;

  .link {
    @include descr1;
    margin-right: 4px;

    button {
      padding: 4px;
    }
  }
}